<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">

    <ui:composition template="layout.xhtml">
        
        <ui:define name="title">
            Selo - Cancelar
        </ui:define>        

        <ui:define name="content">

            <h:form id="cancelarSelo">

                <p:fieldset legend="Dados">
                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Tipo do Selo:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarSelo.seloVisualizar.tipoSelo.nome }" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Número:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarSelo.seloVisualizar.numero }" />
                        </div>

                        <div class="column2 bold">
                            <p:outputLabel value="Série:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarSelo.seloVisualizar.serie }" />
                        </div>
                    </div>
                </p:fieldset>
                
                <p:fieldset legend="Distribuição" rendered="#{ managerPesquisarSelo.seloVisualizar.distribuido == true }">
                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Recebedor:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarSelo.seloVisualizar.distribuicao.recebedor.nome }" />
                        </div>

                        <div class="column2 bold">
                            <p:outputLabel value="Data da Distribuição:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarSelo.seloVisualizar.distribuicao.dataDistribuicao }">
                                <f:convertDateTime pattern="dd/MM/yyyy" />
                            </p:outputLabel>
                        </div>
                    </div>
                </p:fieldset>

                <p:fieldset legend="Distribuição" rendered="#{ managerPesquisarSelo.seloVisualizar.distribuido == false }">
                    <div class="column12 text">
                        <p:outputLabel value="Selo não distribuído." />
                    </div>
                </p:fieldset>
                
                <p:fieldset legend="Cancelamento" rendered="#{ managerPesquisarSelo.seloVisualizar.cancelado == false and managerPesquisarSelo.seloVisualizar.protocolado == false }">
                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Motivo do Cancelamento" for="motivoCancelamentoSelectOneMenu" />
                        </div>
                        <div class="column3">
                            <p:selectOneMenu id="motivoCancelamentoSelectOneMenu" value="#{ managerPesquisarSelo.seloVisualizar.motivoCancelamento }"
                                    required="true" requiredMessage="Motivo do Cancelamento é obrigatório">
                                <f:selectItems value="#{ enums.motivosCancelamentoSelo() }" />
                            </p:selectOneMenu>
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Descrição:" for="descricaoCancelamentoInputTextarea" />
                        </div>
                        <div class="column8">
                            <p:inputTextarea id="descricaoCancelamentoInputTextarea"
                                required="true" requiredMessage="Descrição é obrigatório"
                                value="#{ managerPesquisarSelo.seloVisualizar.descricaoCancelamento }" />
                        </div>
                    </div>
                </p:fieldset>

                <p:fieldset legend="Cancelamento" rendered="#{ managerPesquisarSelo.seloVisualizar.cancelado == false and managerPesquisarSelo.seloVisualizar.protocolado == true }">
                    <div class="column12 text">
                        <p:outputLabel value="Não é possível cancelar um selo protocolado." />
                    </div>                    
                </p:fieldset>
                
                <p:fieldset legend="Cancelamento" rendered="#{ managerPesquisarSelo.seloVisualizar.cancelado == true }">
                    <div class="column12 text">
                        <p:outputLabel value="Selo cancelado." />
                    </div>
                </p:fieldset>

                <div class="command">
                    <p:commandButton actionListener="#{ managerPesquisarSelo.cancelar() }"
                        disabled="#{ managerPesquisarSelo.seloVisualizar.cancelado }"
                        styleClass="ui-priority-primary"
                        value="Cancelar" update="@form" icon="ui-icon-cancel"
                        oncomplete="widthFix();"  onsuccess="goY(0);"/>
                    <p:button value="Cancelar" href="indexSelo.xhtml" icon="ui-icon-cancel" />
                </div>

            </h:form>

        </ui:define>
    </ui:composition>
    
</html>